<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<link href="/assets/css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="/assets/css/public.css">
		<link href="/assets/css/disasterManager.css" rel="stylesheet">
		<link rel="stylesheet" href="/assets/css/areaName.css">
		<link rel="stylesheet" href="/assets/css/date.css">
		<title></title>
	</head>
	<body>
		<div class="x-container">
			<div class="x-header">
				<div class="relative">
					<a href="index.html">
						<img class="lf" width="50" src="/assets/imgs/qx_log.png" alt="logo">
					</a>
					<span>灾害管理系统</span>
					<a class="btn btn-default" href="index.html">返回前台页面</a>
				</div>
			</div>

			<div class="x-content">
				<div class="content-left">
					<h5>系统导航</h5>
					<ul>
						<li class="selected"><span></span>灾害类型查看</li>
						<li><span></span>灾情过程查看</li>
						<li><span></span>灾情信息查看</li>
						<li><span></span>新建灾害类型</li>
						<li><span></span>新建灾情过程</li>
						<li><span></span>灾害阈值设置</li>
					</ul>
				</div>
				<div class="content-right">
					<ul class="x-search">
						<li class="relative">
							<input type="text" placeholder="请输入乡镇" class="shuju form-control">
							<div class="selectBoard top30 displayNone" id="selectBoard">
								<ul></ul>
							</div>
						</li>
						<li class="relative">
							<input type="text" placeholder="请输入日期" class="dateTop form-control">
							<div class="schedule-box displayNone dateTop30 date3"></div>
						</li>
						<li><button class="btn btn-info">GO</button></li>
					</ul>
					<div class="page-widget">
						<button class="pre">上一页</button>
						<span class="currentPage">1</span>/<span class="totalPage">2</span>
						<button class="next">下一页</button> 跳转到:
						<input type="text" class="aimPage">
						<button class="go">GO</button>
					</div>
					<div class="disasterItem">灾害类型查看</div>
					<div class="maintain">
						<table class="table table-striped disasterType">
							<span class="entity-id">1000</span>
							<tr>
								<td>1</td>
								<td>TB - Monthly</td>
								<td>01/04/2012</td>
								<td>Default</td>
							</tr>
						</table>

						<form id="typeForm" class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">灾害类型名</label>
								<div class="col-sm-3">
									<input class="form-control empty" name="name">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">灾害特征描述</label>
								<div class="col-sm-5">
									  <textarea name="signalment"  class="form-control" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">致灾原因</label>
								<div class="col-sm-5">
									<textarea name="disasterReason"  class="form-control empty" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group true">
								<div class="col-sm-offset-2 col-sm-2">
									<button class="btn btn-default typeFormBtn btns">保存</button>
								</div>
							</div>
						</form>

						<form id="subtypeForm" class="form-horizontal">
							<button class="back btn btn-default">新建类型</button>
							<input class="parentId" name="disasterTypeId" style="display: none;"/>
							<div class="form-group">
								<label class="col-sm-2 control-label">子类型名</label>
								<div class="col-sm-3">
									<input class="form-control maxLength" name="name">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">子类型描述</label>
								<div class="col-sm-5">
									 <textarea  name="description" class="form-control empty" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-2">
									<button class="btn btn-default subtypeFormBtn btns">保存</button>
								</div>
							</div>
						</form>

						<form id="strengthForm" class="form-horizontal">
							<button class="back btn btn-default">新建子类型</button>
							<input class="parentId" name="disasterSubtypeId" style="display: none;">
							<div class="form-group">
								<label class="col-sm-2 control-label">灾害等级</label>
								<div class="col-sm-3">
									<input class="form-control int" name="level">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">数值范围</label>
								<div class="col-sm-3">
									<input class="form-control" name="scale">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">风险等级描述</label>
								<div class="col-sm-5">
									<textarea  name="description" class="form-control" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-2">
									<button class="btn btn-default strengthFormBtn btns">保存</button>
								</div>
							</div>
						</form>

						<form id="processForm" class="form-horizontal">
							<div class="form-group">
								<label class="col-sm-2 control-label">受灾乡镇</label>
								<div class="col-sm-3 relative">
									<input name="xsAreaName" class="form-control shuju" readonly="readonly">
									<div class="selectBoard top0 displayNone">
										<ul></ul>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">开始时间</label>
								<div class="col-sm-3 relative">
									<input name="startTime" class="form-control dateStart" readonly="readonly">
									<div class="schedule-box displayNone date1"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">结束时间</label>
								<div class="col-sm-3">
									<input name="endTime" class="form-control dateEnd" readonly="readonly">
									<div class="schedule-box displayNone date2 top47"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">死亡人数</label>
								<div class="col-sm-3 relative">
									<input name="diePeople" class="form-control int" value="0">
									<span class="unit">人</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">受伤人数</label>
								<div class="col-sm-3">
									<input name="hurtPeople" class="form-control int" value="0">
									<span class="unit">人</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">受灾总人数</label>
								<div class="col-sm-3">
									<input name="affectPeople" class="form-control int" value="0">
									<span class="unit">人</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">倒塌房屋</label>
								<div class="col-sm-3">
									<input name="collapseBuilding" class="form-control int" value="0">
									<span class="unit">间</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">受损房屋</label>
								<div class="col-sm-3">
									<input name="damageBuilding" class="form-control int" value="0">
									<span class="unit">间</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">受灾农田</label>
								<div class="col-sm-3">
									<input name="damageFarm" class="form-control int" value="0">
									<span class="unit">亩</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">经济损失</label>
								<div class="col-sm-3">
									<input name="moneyLoss" class="form-control int" value="0">
									<span class="unit">万元</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">损坏道路</label>
								<div class="col-sm-3">
									<input name="damageRoad" class="form-control int" value="0">
									<span class="unit">条</span>
								</div>
							</div>
							<div class="form-group relative">
								<label class="col-sm-2 control-label">受灾总面积</label>
								<div class="col-sm-3">
									<input name="affectArea" class="form-control int" value="0">
									<span class="unit">平方米</span>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">灾情过程描述</label>
								<div class="col-sm-5">
									<textarea  name="description" class="form-control empty" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">灾情损失描述</label>
								<div class="col-sm-5">
									<textarea  name="lossDescription" class="form-control empty" rows="3"></textarea>
								</div>
							</div>
							
							<div class="form-group true">
								<div class="col-sm-offset-2 col-sm-2">
									<button class="btn btn-default processFormBtn btns">保存</button>
								</div>
							</div>
						</form>

						<form id="processInfoForm" class="form-horizontal">
							<button class="back btn btn-default true">新建灾情过程</button>
							<input class="parentId true" name="disasterProcessId" style="display: none;">
							<div class="form-group true">
								<label class="col-sm-2 control-label">灾害类型</label>
								<div class="col-sm-2">
									<select id="disasterTypeId" name="disasterTypeId" class="form-control"></select>
								</div>
								<label class="col-sm-offset-1 col-sm-1 control-label" style="width: 80px;">子类型</label>
								<div class="col-sm-2">
									<select id="disasterSubtypeId" name="disasterSubtypeId" class="form-control"></select>
								</div>
								<label class="col-sm-1 control-label">强度</label>
								<div class="col-sm-3" style="width: 100px;">
									<select id="disasterStrengthId" name="strengthId" class="form-control"></select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">受灾乡镇</label>
								<div class="col-sm-3 relative">
									<input name="xsAreaName" class="form-control shuju" readonly="readonly">
									<div class="selectBoard top0 displayNone">
										<ul></ul>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">开始时间</label>
								<div class="col-sm-3 relative">
									<input name="startTime" class="form-control dateStart1" readonly="readonly">
									<div class="schedule-box date4 displayNone"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">结束时间</label>
								<div class="col-sm-3 relative">
									<input name="endTime" class="form-control dateEnd1" readonly="readonly">
									<div class="schedule-box date5 displayNone top47"></div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">受灾原因</label>
								<div class="col-sm-5">
									<textarea  name="causes" class="form-control maxLength" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">后期影响</label>
								<div class="col-sm-5">
									<textarea  name="laterInfluence" class="form-control maxLength" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">灾害信息描述</label>
								<div class="col-sm-5">
									<textarea  name="description" class="form-control empty" rows="3"></textarea>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-2">
									<button class="btn btn-default processInfoFormBtn btns">保存</button>
								</div>
							</div>
						</form>
					</div>
					<div class="forecast displayNone">
						<form>
							<div class="setForecast">灾害阈值设置</div>
							<table class="table table-bordered">
								<thead>
									<tr>
										<th class="displayNone"></th>
										<th>灾害名称</th>
										<th>阈值</th>
										<th>更新</th>
									</tr>
								</thead>
								<tbody>

								</tbody>
							</table>
						</form>
					</div>
					<div class="alert-modal"></div>
				</div>
			</div>
		</div>
	</body>
	<script src="/assets/js/jquery-1.11.3.js"></script>
	<script src="/assets/js/common.js"></script>
	<script src="/assets/js/manage.js"></script>
	<script src="/assets/js/areaName.js"></script>
	<script src="/assets/js/date.js"></script>
	<script src="/assets/js/validation.js"></script>
</html>

